<%= content_tag :div,
  class: "opacity-0 group-hover/clipboard:opacity-100 transition-opacity duration-200 inline-block",
  data: {
    controller: "clipboard",
    clipboard_success_duration_value: @duration_value,
    clipboard_success_content_value: @content_value
  } do %>
  <div class="hidden" data-clipboard-target="source"><%= @value %></div>
  <div class="text-xs xl:text-sm">
    <%= content_tag :button,
      type: "button",
      data: {
        action: "clipboard#copy",
        clipboard_target: "button",
        tippy: "tooltip",
        tippy_content: I18n.t("avo.copy")
      } do %>
      <%= helpers.svg "heroicons/outline/clipboard", class: "h-4 inline" %>
    <% end %>
  </div>
<% end %>
